@charset "utf-8";
/* CSS Document */
/*================管理首页布局.开始===================*/
.main-top{ position:absolute; top:0; right:0; left:180px; height:42px; z-index:11; }
.main-left{ position:absolute; top:0; bottom:0; left:0; width:180px; z-index:10; }
.main-container{ position:absolute; top:43px; right:0; bottom:0; left:180px; overflow:hidden; -webkit-overflow-scrolling:touch; overflow-y:auto; }
.main-container iframe{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; }
/*================管理首页布局.结束===================*/

*{ padding:0; margin:0; font-family:SimSun; font-size:9px;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
time, mark, audio, video{ margin:0; padding:0; border:0; font-size:100%; text-decoration:none; }
html { line-height:1; }
q, blockquote { quotes:none; }
q:before, q:after, blockquote:before, blockquote:after { content:""; content:none; }
a img { border:none; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
.table-container{ margin:0; padding:0; width:100%; overflow-x:auto; overflow-y:hidden; }
.ime-disabled{ ime-mode:disabled; } 
.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both ;font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
.left{ float:left; }
.right{ float:right; }
.loginbody{background:url(login5.jpg) no-repeat; }
.indexbody{ width:100%; height:100%; overflow:hidden; }
.mainbody{ /*padding:10px 15px;*/ margin:10px 15px; min-width:285px; }

/* =========================全局样式.开始========================= */
a{ color:#686f7f; text-decoration:none; }
a:link, a:visited{ color:#2A72C5; text-decoration:none; }
a:active, a:hover{ color:#0065D9; text-decoration:underline; }
/* =========================全局样式.结束========================= */
a.red:link, a.red:visited{ color:#f91111; text-decoration:none; }
a.red:active, a.red:hover{ color:#F00; text-decoration:underline; }
a.green:link, a.green:visited{color:#009900;}
/* =========================登录页样式.开始======================= */
.login-wrap{ position:absolute; top:50%; left:50%; margin:-150px auto auto -140px; width:280px; text-align:center; }
.login-logo{ margin:0 auto 10px; text-indent:-9999em; width:280px; height:62px; background: url(logo3.png);border-radius: 3px;}
.login-form .col{ position:relative; padding:10px 0; }
.login-form .col .icon{ position:absolute; display:block; top:22px; left:10px; width:14px; height:14px; cursor:pointer; }
.login-form .col .icon i{ color:#ccc; font-size:14px; line-height:1em; vertical-align:middle; }
.login-form .col .login-input{ display:block; padding:5px 10px 5px 34px; background:#fff; border:0; border-radius:3px; font-size:14px; line-height:32px; *line-height:30px; height:32px; width:236px; color:#333; }
.login-form .col .login-btn{ display:block; padding:5px 0; font-size:14px; color:#fff; width:100%; line-height:28px; height:42px; background:#0C4B77; border:0; border-radius:3px; letter-spacing:.5em; cursor:pointer; }
.login-tips{ display:block; margin:10px auto 0; height:14px; vertical-align:middle; }
.login-tips i{ display:inline-block; margin-right:5px; width:14px; height:14px; color:#83b7ce; font-size:12px; line-height:14px; vertical-align:middle; zoom:1; *display:inline; }
.login-tips p{ display:inline-block;height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#83b7ce; vertical-align:middle; zoom:1; *display:inline; }
.copy-right{ display:block; position:absolute; right:0; bottom:10px; left:0; text-align:center; }
.copy-right p{ font-size:12px; color:#83b7ce; line-height:1.8em; }
/* ==========================登录页样式.结束======================== */

/* =========================管理首页样式.开始======================= */
/*顶部样式*/
.main-top{ background:#fafafa; border-bottom:1px solid #eee; }
/*顶部主菜单*/
.icon-menu{ display:block; float:left; width:42px; height:42px; border-right:1px solid #eee; text-align:center; cursor:pointer; overflow:hidden; }
.icon-menu:hover{ text-decoration:none; }
.icon-menu i{ color:#686f7f; font-size:18px; line-height:42px; }
.main-nav{ display:block; float:left; }
.main-nav a{ display:block; float:left; margin:0; padding:0 20px; border-right:1px solid #eee; height:42px; line-height:42px; color:#686f7f; font-size:14px; cursor:pointer; }
.main-nav a.selected,.main-nav a:hover{ color:#686f7f; text-decoration:none; background:#fff; }
/*顶部右边导航*/
.nav-right{ float:right; }
.nav-right .info{ float:left; padding-right:10px; height:42px; line-height:42px;  }
.nav-right .info h4{ display:block; float:left; margin:6px 10px 0 0; width:30px; height:30px; border:1px solid #eee; border-radius:30px; text-align:center; background:#fafafa; overflow:hidden; }
.nav-right .info h4 i{ color:#686f7f; font-size:28px; font-weight:normal; line-height:30px; }
.nav-right .info h4 img{ width:30px; height:30px; }
.nav-right .info span{ display:block; float:left; padding-top:6px; color:#686f7f; font-size:12px; line-height:1.2em; }
/*右边导航菜单项*/
.nav-right .option{ position:relative; cursor:pointer; float:left; padding:0 11px; border-left:1px solid #eee; }
.nav-right .option i{ display:block; width:20px; height:42px; text-align:center; color:#666; font-size:18px; line-height:42px; }
.nav-right .option:hover{ background:#fff; }
.nav-right .option:hover .drop-wrap{ display:block; }
.drop-wrap{ display:none; position:absolute; top:42px; right:1px; }
.drop-wrap .item{ margin-top:0px; padding:10px; border:1px solid #dbdbdb; background:#fff; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.1); }
.drop-wrap .item li a{ display:block; padding:8px 15px; color:#686f7f; font-size:12px; line-height:1em; text-align:center; white-space:nowrap; }
.drop-wrap .item li a:hover{ color:#fff; text-decoration:none; background:#16a0d3; }

/*左边样式*/
.main-left{ background:#0C4B77; }
.logo{ display:block; height:42px; background:url(logo2.png) no-repeat center #fafafa; border:1px solid #eee; border-top:0; border-left:0; text-indent:-9999px; overflow:hidden; }
.sidebar-nav .list-group{ display:none; }
.sidebar-nav .list-group .list-wrap{ position:absolute; top:43px; right:0; bottom:0; left:0; padding:0 10px; width:160px; overflow:auto; }
.sidebar-nav .list-group h1{ display:none; }
.sidebar-nav .list-group h2{ position:relative; display:block; color:#fff; font-size:12px; font-weight:normal; line-height:40px; border-bottom:1px solid #468dbd; }
.sidebar-nav .list-group h2 i{ position:absolute; display:block; top:11px; right:0; width:20px; height:20px; color:#c0c0c0; font-size:10px; text-align:center; line-height:20px; }
.sidebar-nav .list-group ul li{ padding:1px 0; }
.sidebar-nav .list-group ul li a{ position:relative; display:block; padding:6px 20px 6px 5px; color:#fff; font-size:12px; height:20px; line-height:20px; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.sidebar-nav .list-group ul li a:hover{ text-decoration:none; background:#2e84bf; border-radius:3px; }
.sidebar-nav .list-group ul li a.selected{ text-decoration:none; background:#16a0d3; border-radius:3px; }
.sidebar-nav .list-group ul li a .icon{ display:block; float:left; margin:3px 3px 3px 0; width:14px; height:14px; color:#fff; font-size:14px; line-height:14px; text-align:center; overflow:hidden; }
.sidebar-nav .list-group ul li a .icon img{ width:14px; height:14px; }
.sidebar-nav .list-group ul li a .expandable{ position:absolute; display:block; top:10px; right:4px; width:12px; height:12px; color:#fff; font-size:10px; text-align:center; line-height:12px; -webkit-transform:scale(0.833); }
/*迷你界面样式*/
.lay-mini .main-top{ left:0; }
.lay-mini .main-nav{ display:none; }
.lay-mini .main-container{ left:43px; }
.lay-mini .main-left{ background:#0C4B77; width:43px; }
.lay-mini .sidebar-nav .list-group{ display:block!important; margin:0; padding:6px; width:30px; height:30px; }
.lay-mini .sidebar-nav .list-group h1{ display:block; margin:0; padding:8px; width:14px; height:14px; cursor:pointer; overflow:hidden; }
.lay-mini .sidebar-nav .list-group.selected h1,.sidebar-nav .list-group:hover h1{ background:#16a0d3; border-radius:3px; }
.lay-mini .sidebar-nav .list-group h1 i{ color:#f3f3f3; font-size:14px; }
.lay-mini .sidebar-nav .list-group h1 img{ width:14px; height:14px; }
.lay-mini .sidebar-nav .list-group .list-wrap{ display:none; position:absolute; top:43px; left:42px; bottom:0; padding:0 10px; width:160px; background:#267cb7; }
.lay-mini .sidebar-nav .list-group:hover .list-wrap{ display:block; }

/*右边框架*/
.main-container{ background:#fff; }
/*快捷导航*/
.btn-paograms{ display:block; position:absolute; bottom:15px; right:25px; z-index:12; cursor:pointer; width:20px; height:20px; text-align:center; }
.btn-paograms:hover{ text-decoration:none; }
.btn-paograms i{ color:#c6c7c8; font-size:20px; line-height:20px; }
.btn-paograms:hover i{ color:#267cb7; }
.pop-menu{ /*visibility:hidden;*/ display:none; position:absolute; right:20px; bottom:40px; z-index:12; background:#09F; }
.pop-menu .pop-box{ position:absolute; display:block; right:0; bottom:5px; padding:30px 10px 10px 11px; border:1px solid #dbdbdb; background:#fff; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1); overflow:hidden; }
.pop-menu .pop-box .list-box{ display:block; width:100%; height:100%; overflow:auto; }
.pop-menu .pop-box .list-box .list-group{ display:block; float:left; margin-left:-1px; padding:0; width:120px; height:auto; border:1px solid #f2f2f2; overflow:hidden; }
.pop-menu .pop-box .list-box .list-group:first-child{ margin-left:0; }
.pop-menu .pop-box .list-box .list-group h1{ display:none; }
.pop-menu .pop-box .list-box .list-group h2{ padding:8px; font-size:12px; color:#555; font-weight:bold; line-height:1.0em; background:#f9f9f9; }
.pop-menu .pop-box .list-box .list-group h2 i{ display:none; }
.pop-menu .pop-box .list-box .list-group ul{ margin-left:10px; }
.pop-menu .pop-box .list-box ul li a{ display:block; padding:8px 10px; font-size:12px; color:#686f7f; line-height:1.0em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.pop-menu .pop-box .list-box ul li a:hover{ text-decoration:none; }
.pop-menu .pop-box .list-box ul li a.nolink{ font-weight:bold; cursor:default; }
.pop-menu .pop-box .list-box ul li a.link{ cursor:pointer; }
.pop-menu .pop-box .list-box ul li a.link:hover{ color:#fff; background:#55afeb; }
.pop-menu .pop-box h1.title{ position:absolute; top:8px; left:10px; line-height:14px; font-size:13px; font-weight:bold; color:#333; }
.pop-menu .pop-box h1.title i{ display:inline-block; margin-right:2px; width:14px; color:#686f7f; font-size:14px; line-height:1em; text-align:center; vertical-align:top; }
.pop-menu .pop-box .close{ position:absolute; display:block; top:8px; right:6px; width:14px; height:14px; color:#686f7f; font-size:12px; text-align:center; line-height:14px; cursor:pointer; }

.nlist-1{ padding:8px 0; color:#444; font-size:12px; }
.nlist-1 ul{ position:relative; padding:0 0 0 20px; }
.nlist-1 ul:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }
.nlist-1 ul li{ float:left; width:33.32%; }
.nlist-1 ul li p{ margin-right:10px; line-height:32px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.nlist-2{ line-height:30px; border:1px solid #ebebeb; color:#444; font-size:12px; }
.nlist-2 h3{  margin:0; padding:0 0 0 20px; font-size:12px; font-weight:bold; color:#333; line-height:34px; height:34px; }
.nlist-2 h3 i{ display:inline-block; margin-right:3px; width:14px; color:#333; font-size:12px; line-height:12px; vertical-align:middle; }
.nlist-2 ul{ padding:0 0 10px 20px; }
.nlist-2 ul:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }
.nlist-2 ul li{ float:left; width:33.32%; }
.nlist-2 ul li p{ margin-right:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.nlist-3{ float:left; width:350px; overflow:hidden; }
.nlist-3 ul:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }
.nlist-3 ul li{ float:left; width:25%; height:108px; _display:inline; _zoom:1; }
.nlist-3 ul li a{ display:block; width:64px; height:64px; border:1px solid #999; border-radius:64px; text-align:center; text-decoration:none; }
.nlist-3 ul li a:hover{ border-color:#005eac; }
.nlist-3 ul li a i{ color:#686f7f; font-size:40px; line-height:64px; }
.nlist-3 ul li a:hover i{ color:#005eac; }
.nlist-3 ul li span{ display:block; width:64px; height:24px; line-height:24px; text-align:center; font-size:12px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nlist-4{ margin-left:350px; border:1px solid #eee; font-size:12px; height:192px; overflow:hidden; }
.nlist-4 h3{ margin:0; padding:0 10px; line-height:34px; font-size:12px; color:#333; }
.nlist-4 h3 i{ display:inline-block; margin-right:3px; width:14px; color:#333; font-size:12px; line-height:12px; vertical-align:middle; }
.nlist-4 ul{ padding:0 10px; }
.nlist-4 ul li{ color:#005eac; line-height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
/* =========================管理首页样式.结束======================= */

/* =========================内页通用样式.开始======================= */
.location{ padding-bottom:9px; border-bottom:solid 1px #eee; height:22px; line-height:22px; font-size:12px; color:#686f7f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.location a{ display:inline-block; color:#686f7f; text-decoration:none; }
.location a:hover{ color:#0065D9; text-decoration:none; }
.location a i{ display:inline-block; margin-right:5px; width:12px; height:14px; color:#333; font-size:12px; line-height:12px; vertical-align:middle; }
.location a.back{ margin-right:15px; }
.location .arrow{ display:inline-block; margin:auto 0; width:10px; height:14px; color:#333; font-size:10px; line-height:12px; vertical-align:middle; -webkit-transform:scale(0.833); }
textarea{ overflow:auto; }
textarea.input{ width:300px; height:65px; }
a.input{color:#2A72C5; cursor:pointer; vertical-align:baseline;}
.input{ padding:5px 4px; min-height:32px; line-height:20px; border:1px solid #eee; background:#fff; vertical-align:top; color:#333; font-size:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *min-height:20px; }
.input.normal{ width:300px;}
.input.txt{ width:200px;}
.input.small{ width:80px;}
.input:focus{ background:#FFFBDE; border-color:#7BBFF2; outline:2px solid #99D8F5; }
/*日期样式*/
.date-input{ position:relative; display:inline-block; width:160px; height:32px; vertical-align:middle; *display:inline; }
.date-input i{ display:block; position:absolute; top:10px; left:8px; width:14px; height:14px; line-height:14px; color:#535353; font-size:14px; text-align:center; }
.select{ margin:1px; padding:4px; min-height:20px; line-height:20px; border:1px solid #eee; background:#fff; vertical-align:middle; color:#333; font-size:100%; }
.date-input input{ padding-left:25px; width:160px; }
.select1{ padding:1px; min-height:20px; line-height:20px; border:1px solid #eee; background:#fff; vertical-align:middle; color:#333; font-size:100%; }
/* =========================内页通用样式.结束======================= */

/* ==========================列表页样式.开始======================== */
.toolbar-wrap{ padding:10px 0; width:100%; *position:relative; *z-index:1; }
.toolbar{ top:0; right:15px; left:15px; bottom:auto; padding:10px 0 5px; min-height:32px; background:#fff; z-index:2; font-size:12px; color:#333; }
.toolbar:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
.toolbar .box-wrap{ position:relative; }
.toolbar .menu-btn{ display:none; width:30px; height:30px; line-height:30px; text-align:center; border:solid 1px #eee; background:#fafafa; color:#535353; cursor:pointer; }
.toolbar .menu-btn:hover{ color:#2a72c5; text-decoration:none; }
.toolbar .menu-btn i{ font-size:14px; }
.toolbar .l-list{ display:block; }
.toolbar .l-list .icon-list{ float:left; display:block; margin:0 10px 0 1px; padding-bottom:5px; }
.toolbar .l-list .icon-list:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.toolbar .l-list .icon-list li{ float:left; }
.toolbar .l-list .icon-list li a{ display:inline-block; margin:0 0 -1px -1px; padding:5px 10px 5px 8px; line-height:20px; height:20px; border:solid 1px #eee; color:#2b2b2b; font-size:12px; text-decoration:none; background:#fafafa; white-space:nowrap; word-break:break-all; }
.toolbar .l-list .icon-list li a:hover{ color:#267cb7; text-decoration:none; cursor:pointer;}
.toolbar .l-list .icon-list li a span{ display:inline-block; }
.toolbar .l-list .icon-list li a i{ margin-right:3px; font-size:14px; }
.toolbar .l-list .menu-list{ float:left; display:block; margin:0; padding-bottom:5px; }
.toolbar .l-list .menu-list:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

.toolbar .keyword{margin:0; padding:0 5px; width:110px; height:30px; line-height:28px; font-size:12px; border:1px solid #eee; color:#444;}
.toolbar a.btn-search{display:inline-block; padding:0; width:30px; height:30px; line-height:30px; border:1px solid #eee; background:#fafafa; color:#535353; font-size:12px; text-align:center; line-height:30px; cursor:pointer;}
.toolbar a.btn-search:hover{ color:#267cb7; text-decoration:none; }

.toolbar .r-list{ display:block; position:absolute; top:0; right:0; }
.toolbar .r-list .keyword{display:block; float:left;}
.toolbar .r-list .btn-search{ margin:0 0 0 -1px;  }
.toolbar .r-list .img-view{ margin-left:10px; }
.toolbar .r-list .txt-view{ border-left:none; }
.toolbar a i{ font-size:14px; }
/*迷你样式*/
.toolbar.mini .menu-btn{ display:block; }
.toolbar.mini .l-list{ display:none; position:absolute; top:37px; left:0; right:0; float:none; padding:5px; padding-bottom:0; border:1px solid #eee; background:#fafafa; z-index:1; }
.toolbar.list .icon-list{ float:none; }
.toolbar.list .menu-list{ float:none; }

.toolbar .r-list label {display:inline-block; height:30px; line-height:30px; padding:0 8px; border: 1px solid #eee; color: #444; }

.ltable.center, .ltable.center th, .ltable.center td{text-align:center;}
td.red{background-color:#FFD3D3;}

.ltable{ width:100%; min-width:600px; border:1px solid #eee; font-size:12px; }
.ltable th{ padding:8px 0; color:#333; font-size:12px; font-weight:400; background:#fafafa; border-bottom:1px solid #eee; line-height:1.5em; }
.ltable td{ padding:8px 0; border-bottom:1px solid #eee; line-height:1.5em; color:#666; }
.ltable td .sort{ display:inline-block; padding:0 3px; border:1px solid #eee; width:40px; height:20px; line-height:18px; color:#666; font-size:12px; background:#fff; vertical-align:middle; }
.ltable td .btn-tools{ display:inline-block; height:22px;  vertical-align:middle; }
.ltable td .btn-tools a{ display:block; float:left; margin:0; padding:0; width:20px; height:20px; line-height:20px; text-align:center; border:1px solid #eee; border-left:none; background:#fff; overflow:hidden; }
.ltable td .btn-tools a:first-child{ border-left:1px solid #eee; }
.ltable td .btn-tools a:hover{ text-decoration:none; }
.ltable td .btn-tools a i{ color:#ccc; font-size:14px; }
.ltable td .btn-tools a:hover i,.ltable td .btn-tools a.selected i{ color:#535353; }
.ltable td .txt-box{ display:inline-block; margin:0 2px 0 auto; padding:0 5px; border:1px solid #eee; line-height:20px; background:#fff; }
.ltable td .img-box{ display:inline-block; margin:0 2px 0 auto; padding:0; height:32px; vertical-align: middle; }
.ltable td .img-box img{ padding:1px; width:30px; height:30px; border:1px solid #eee; }
.ltable tr:hover{ background:#f7f7f7; }
.ltable .odd_bg{ background:#fafafa; }

td.user-avatar{text-align:left!important;}
td.user-avatar a, td .user-box {display:inline-flex;}
td.user-avatar a{width:44px; height:44px; line-height:44px; vertical-align:middle; }
td.user-avatar a:hover{ text-decoration:none; }
td.user-avatar a img{width:44px; height:44px;}

td .user-box{ margin-left:2px; text-align:left; vertical-align:middle; flex-direction: column;}
td .user-box h4{ display:block; margin:0; padding:0; font-weight:normal; font-size:12px; height:20px; line-height:20px;}
td .user-box h4 a{width:auto; height:auto; line-height:inherit;vertical-align:baseline;}
td .user-box i{ display:block; color:#999; font-style:normal; height:20px; line-height:20px;}

.ltable td.comment{ padding:10px; line-height:1em; }
.ltable td.comment .title{ margin-bottom:5px; line-height:180%; font-weight:bold; }
.ltable td.comment .title .note{ float:right; font-weight:normal; }
.ltable td.comment .title .note i{ margin-left:10px; font-style:normal; font-family:SimSun; color:#999; }
.ltable td.comment .title .note i.reply{ padding-left:18px; }
.ltable td.comment .ask{ line-height:180%; font-family:SimSun; }
.ltable td.comment .ask .audit{ margin-right:3px; display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(skin_icons.png) -362px -112px  no-repeat; }
.ltable td.comment .ask .answer{ margin-top:10px; padding:6px 10px; border:1px solid #f6e8b9; background:#fbf8e7; color:#666; }
.ltable td.comment .ask .answer b{ color:#090; }
.ltable td.comment .ask .answer .time{ display:block; float:right; color:#999; }

/*图文列表*/
.imglist{ width:100%; overflow:hidden; }
.imglist ul{ margin:0 0 0 -15px; padding:0; *padding-bottom:15px; *display:inline-block }
.imglist ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.imglist ul li{ float:left; margin:0 0 15px 15px; min-width:220px; }
.imglist ul li .details{ position:relative; border:1px solid #eee; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1); background:#fff; }
.imglist ul li .details .check{ position:absolute; top:0px; right:0px; padding:5px; border-left:1px solid #eee; border-bottom:1px solid #eee; background:#fff; }
.imglist ul li .details .absbg{ position:absolute; left:0px; top:95px; width:100%; height:70px; background:#000; filter:alpha(opacity=20); opacity:0.2; }
.imglist ul li .details .pic{ width:100%; height:165px; overflow:hidden; }
.imglist ul li .details .pic img{ min-width:100%; min-height:100%; cursor:pointer; }
.imglist ul li .details h1{ position:absolute; display:block; padding:10px 20px; left:0px; top:95px; right:0; height:50px; border-bottom:1px solid #eee; }
.imglist ul li .details h1 span{ display:block; color:#fff; font-size:14px; font-weight:bold; height:50px; line-height:25px; text-overflow:ellipsis; overflow:hidden; }
.imglist ul li .details h1 span a{ color:#fff; text-decoration:none; }
.imglist ul li .details .remark{ display:block; margin:10px 15px; padding:0; height:60px; color:#666; font-size:12px; line-height:20px; text-overflow:ellipsis; overflow:hidden; }
.imglist ul li .details .foot{ clear:both; display:block; padding:10px 15px; height:20px; }
.imglist ul li .details .foot .time{ float:left; color:#838383; font-size:10px; line-height:20px; }
.imglist ul li .details .foot a{ display:block; float:right; margin:0 0 0 3px; padding:0; width:20px; height:20px; line-height:20px; text-align:center; overflow:hidden; }
.imglist ul li .details .foot a:hover{ text-decoration:none; }
.imglist ul li .details .foot a i{ color:#535353; font-size:14px; }
.imglist ul li .details .foot a:hover i{ color:#2a72c5; }
.imglist ul li .details .tools{ display:block; position:relative; padding:0 15px; }
.imglist ul li .details .tools:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.imglist ul li .details .tools a{ display:block; float:left; margin:0; padding:0; width:28px; height:28px; line-height:28px; text-align:center; border:1px solid #e8e8e8; border-left:none; background:#fff; overflow:hidden; }
.imglist ul li .details .tools a:first-child{ border-left:1px solid #e8e8e8; }
.imglist ul li .details .tools a:hover{ text-decoration:none; }
.imglist ul li .details .tools a i{ color:#ccc; font-size:14px; }
.imglist ul li .details .tools a:hover i,.imglist ul li .details .tools a.selected i{ color:#535353; }
.imglist ul li .details .tools .sort{ float:right; margin:0; margin-left:-1px; padding:0 2px; border:1px solid #e8e8e8; width:39px; height:28px; line-height:28px; text-align:center; color:#66; font-size:12px; }
.imglist ul li .details.nopic h1{ display:block; position:static; top:0px; padding:17px 20px; }
.imglist ul li .details.nopic h1 span a{ color:#2a72c5 }
.imglist ul li .details.nopic .remark{ display:block; margin:10px 15px; padding:0; height:140px; color:#666; font-size:12px; line-height:20px; text-overflow:ellipsis; overflow:hidden; }

/*树型分类样式*/
.tree-list{ min-width:600px; font-size:12px; border:1px solid #eee; border-bottom:0; }
.tree-list .thead{ padding:8px 0; color:#333; font-size:12px; font-weight:500; line-height:1.5em; border-bottom:1px solid #eee; background:#fafafa; }
.tree-list .thead:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.tree-list .thead .col{ display:block; float:left; }
.tree-list li .tbody{ padding:8px 0; color:#666; font-size:12px; line-height:1.5em; border-bottom:1px solid #eee; }
.tree-list li .tbody:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.tree-list li .tbody .col{ display:block; float:left; min-height:1.5em; }
.tree-list li .tbody .col .icon{ display:inline-block; margin-right:2px; width:14px; height:14px; line-height:14px; color:#c6c7c8; font-size:12px; text-align:center; vertical-align:middle; }
.tree-list li .tbody .col .expandable{ cursor:pointer; }
.tree-list li .tbody .col input{ vertical-align:middle; }
.tree-list li .tbody .col label{ vertical-align:middle; }
.tree-list li .tbody .col .sort{ display:inline-block; padding:0 3px; border:1px solid #eee; width:40px; height:20px; line-height:18px; color:#666; font-size:12px; background:#fff; vertical-align:middle; }

/*生成静态列表样式*/
.builder-box{ position:absolute; right:20px; bottom:20px; margin:0; padding:0; width:300px; height:201px; border:1px solid #dbdbdb; border-radius:3px; color:#333; font-size:12px; background:#fff; overflow:hidden; }
.builder-box .title{ position:relative; padding:0 10px; height:40px; border-bottom:1px solid #dbdbdb; background:#fafafa; }
.builder-box .title h2{ color:#444; font-size:14px; font-weight:700; line-height:40px; text-overflow:ellipsis; overflow:hidden; }
.builder-box .title .close{ position:absolute; top:5px; right:3px; display:block; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; }
.builder-box .title .close i{ font-size:14px; }
.builder-box .title .close:hover{ text-decoration:none; }
.builder-box .content{ padding:10px; width:280px; height:140px; text-align:center; vertical-align:middle; color:#333; font-size:14px; line-height:120px; overflow:auto; }
.builder-box .content .list{ text-align:left; line-height:24px; font-size:13px; }
.builder-box .content span{ margin-right:5px; font-weight:bold; }
.builder-box .content .suc{ color:#060; }
.builder-box .content .error{ color:#F00; }
/* ==========================列表页样式.结束======================== */

/* ==========================编辑页样式.开始======================== */
/*Tab选项卡*/
.content-tab-wrap{ height:42px; }
.content-tab{ z-index:3; top:0; left:15px; right:15px; bottom:auto; height:41px; background:#fff; border-bottom:1px solid #eee; }
.content-tab-ul-wrap{ position:relative; }
.content-tab-ul-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.content-tab ul{ position:absolute; left:0; top:10px; }
.content-tab ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.content-tab ul li{ position:relative; display:block; float:left; margin-right:-1px; cursor:pointer;}
.content-tab ul li a{ display:block; float:left; padding:0 25px; border-top:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; height:30px; line-height:31px; font-size:12px; color:#333; text-align:center; background:#fff; white-space:nowrap; word-break:break-all; }
.content-tab ul li a:hover{ color:#2A72C5; text-decoration:none; }
.content-tab ul li a.selected{ color:#2A72C5; background:#fff; height:31px; }
.content-tab .tab-title{ display:none; }
/*迷你样式*/
.content-tab.mini .tab-title{ position:relative; display:block; float:left; margin-top:10px; padding:0 25px; border-top:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; height:31px; line-height:31px; font-size:12px; color:#2A72C5; text-align:center; background:#fff; cursor:pointer; }
.content-tab.mini .tab-title i{ position:absolute; display:block; top:8px; right:8px; width:14px; height:14px; color:#535353; font-size:10px; line-height:14px; text-align:center; -webkit-transform:scale(0.833); }
.content-tab.mini .content-tab-ul-wrap{ display:inline-block; height:42px; }
.content-tab.mini .content-tab-ul-wrap ul{ display:none; background:#fff; }
.content-tab.mini .content-tab-ul-wrap:hover ul{ display:block; top:41px; border:1px solid #eee; z-index:1; }
.content-tab.mini .content-tab-ul-wrap:hover ul li{ display:block; float:none; margin:0; }
.content-tab.mini .content-tab-ul-wrap:hover ul li a{ float:none; border:0;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/*Tab选项卡内容*/
.div-content{ padding:10px 0; font-size:12px; color:#666; }
.div-content dl dt{ display:block; float:left; width:130px; text-align:right; color:#333; }
.div-content dl dd{ margin-left:150px; }
.tab-content{ padding:20px 15px; font-size:12px; color:#666; border:1px solid #eee; border-top:none; box-sizing:border-box; overflow:hidden; }
.tab-content:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
.tab-content dl,.div-content dl{ clear:both; display:block; padding:5px 0; line-height:30px; }
.tab-content dl:after,.div-content dl:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
.tab-content dl:first-child{ border-top:none; }
.tab-content dl dt{ display:block; float:left; width:130px; text-align:right; color:#6d7e86; }
.tab-content dl dd{ position:relative; margin-left:150px; *position:static; }
/*迷你样式*/
.tab-content.mini dl dt{ display:block; float:none; text-align:left; }
.tab-content.mini dl dd{ margin-left:0; }
.tab-content.mini dl dd .input{ max-width:100%; }

/*上传样式*/
.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline;}
.upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; }
.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:26px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; line-height:14px; text-align:center; cursor:pointer; overflow:hidden; }
.upload-box .upload-progress .close:hover{ text-decoration:none; }
.upload-box .upload-progress .close i{ color:#535353; font-size:10px; line-height:14px; -webkit-transform:scale(0.833); }

/*图片相册样式*/
.photo-list{ margin:0; padding:10px 0 0 0; }
.photo-list ul{ margin:0 0 0 -15px; }
.photo-list ul li{ float:left; margin-left:15px; text-align:center; *width:118px; }
.photo-list ul li .img-box{ position:relative; margin:5px auto; width:112px; height:112px; border:3px #efefed solid; cursor:pointer; overflow:hidden; }
.photo-list ul li .img-box.selected{ border:3px #f60 solid; }
.photo-list ul li .img-box img{ width:100%; height:100%; opacity:1; }
.photo-list ul li .img-box .remark{ position:absolute; display:block; left:0; right:0; bottom:0; margin:0; padding:3px 2px; height:18px; line-height:18px; background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; text-align:left; overflow:hidden;}
.photo-list ul li .img-box .remark:hover{ top:0; bottom:0; height:100%; }
.photo-list ul li .img-box .remark i{ position:relative; font-size:12px; color:#fff; font-style:normal; line-height:18px; }
.photo-list ul li a{ padding-right:1em; }

/*附件列表样式*/
.attach-list{ margin:0; padding:10px 0 0 0; }
.attach-list ul{ margin:0 0 0 -15px; list-style:none; }
.attach-list ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.attach-list ul li{ position:relative; float:left; margin:0 0 15px 15px; padding:5px 18px 8px 18px; border:1px solid #eee; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1); width:215px; }
.attach-list ul li i.icon-attachment{ position:absolute; display:block; top:8px; left:4px; width:12px; height:12px; line-height:14px; color:#535353; font-size:12px; }
.attach-list ul li a:hover{ text-decoration:none; }
.attach-list ul li .del{ position:absolute; display:block; top:0; right:0; width:20px; height:20px; line-height:20px; text-align:center; cursor:pointer; overflow:hidden; }
.attach-list ul li .del i{ color:#535353; font-size:10px; -webkit-transform:scale(0.833); }
.attach-list ul li .edit{ position:absolute; display:block; bottom:6px; right:5px; width:20px; height:20px; line-height:20px; text-align:center; cursor:pointer; overflow:hidden; }
.attach-list ul li .edit i{ color:#535353; font-size:14px; }
.attach-list ul li .title{ display:block; margin-bottom:3px; border-bottom:1px solid #ccc; line-height:24px; height:26px; font-weight:bold; white-space:nowrap; word-break:break-all; overflow:hidden; }
.attach-list ul li .info,.attach-list ul li .btns{ display:block; line-height:24px; }
.attach-list ul li .btns input{ display:inline-block; padding:0 3px; border:1px solid #d7d7d7; width:40px; height:20px; line-height:18px; color:#666; font-size:12px; background:#fff; vertical-align:middle; }

/*文字选项样式*/
.txt-item li{ position:relative; float:left; margin:0 5px 5px 0; padding:4px 16px 4px 8px; line-height:20px; border:1px solid #e1e1e1; }
.txt-item li .del{ position:absolute; display:block; top:6px; right:1px; width:14px; height:30px; line-height:14px; text-align:center; cursor:pointer; overflow:hidden; }
.txt-item li .del:hover{ text-decoration:none; }
.txt-item li .del i{ color:#535353; font-size:10px; -webkit-transform:scale(0.833); }
.txt-item li span{ color:#333; line-height:20px; white-space:normal; text-overflow:ellipsis; }
.txt-item li.icon-btn{ padding:0; line-height:normal; height:auto; }
.txt-item li.icon-btn a{ display:block; padding:4px 7px; line-height:20px; height:20px; }
.txt-item li.icon-btn i{ margin:0; color:#666; font-size:14px; }
.txt-item li.icon-btn span{ color:#535353; }

/*规格列表样式*/
.spec-item{ }
.spec-item li{ float:left; position:relative; margin:0 8px 8px 0; padding:1px; line-height:20px; vertical-align:middle; }
.spec-item li a{ display:block; padding:1px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; }
.spec-item li a i{ display:inline-block; padding:3px 9px; font-style:normal; line-height:20px; }
.spec-item li a img{ width:32px; height:32px; vertical-align:middle; }
.spec-item li:after{ content:"."; display:none; position:absolute; right:0; bottom:0; width:12px; height:12px; text-indent:-99em; background:url(skin_icons.png) -169px -85px no-repeat; overflow:hidden; }
.spec-item li.selected a{ margin:-1px; color:#333; border:2px solid #1e99c7; }
.spec-item li.selected:after{ display:block; background-position:-84px -196px; }

/*表格样式*/
.border-table{ min-width:500px; border-width:1px; margin:0; background:#fff; color:#666}
.border-table th,.border-table td{ margin:0; padding:2px 10px; line-height:26px; height:28px; border:1px solid #eee; vertical-align:middle; white-space:nowrap; word-break:keep-all; }
.border-table td input{ vertical-align:middle; }
.border-table td .position{ position:relative; min-height:100%; }
.border-table td .ibtn{ position:absolute;top:0; right:-7px; background:#cc; border:none; color:#666; cursor:pointer; font-family:SimSun; font-size:12px; height:25px; line-height:25px; padding:0 12px; }
.border-table td .ibtn:hover{ color:#fff; background:#FF9C30; }
.border-table thead th{ color:#333; font-weight:normal; white-space:nowrap; text-align:center; background:#f9f9f9; }
.border-table tbody th{padding-right:5px; text-align:right;color:#707070;background-color:#f9f9f9}
.border-table tr.td_c td{ text-align:center; }
.border-table td .cbllist input{ vertical-align:middle; }
.border-table td .cbllist label{ margin-right:5px; vertical-align:middle; }
.border-table td .folder-open{ display:inline-block; margin-right:2px; width:20px; height:20px; background:url(skin_icons.png) -160px -250px no-repeat; vertical-align:middle; text-indent:-999em; }
.border-table td .folder-line{display:inline-block; margin-right:2px; width:20px; height:20px; background:url(skin_icons.png) -200px -250px no-repeat; vertical-align:middle; text-indent:-999em; }
.border-table td .img-box{ display:inline-block; height:32px; vertical-align:middle; }
.border-table td .img-box img{ padding:1px; width:30px; height:30px; border:1px solid #eee; }

/*订单状态样式*/
.order-flow{ margin:0 auto; padding:0; font-size:12px; font-weight:normal; padding-bottom:4px; }
.order-flow .item-box{ display:block; position:relative; margin:0; padding:0; float:left; width:140px; height:60px; }
.order-flow .item-box .line{ display:block; position:absolute; left:0; bottom:0; width:100%; height:29px; border-top:2px solid #f1f1f1; }
.order-flow .item-box .icon{ display:block; position:absolute; left:50%; top:20px; margin-left:-10px; width:20px; height:20px; line-height:20px; background:#fff; }
.order-flow .item-box .icon i{ color:#ccc; font-size:18px; line-height:20px; }
.order-flow .item-box .txt{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; }
.order-flow .item-box .txt b{ display:block; padding-bottom:20px; line-height:20px; font-weight:normal; color:#666; }
.order-flow .item-box .txt p{ display:block; line-height:20px; color:#999; }
.order-flow .item-box.left .line{ left:50%; width:50%; }
.order-flow .item-box.right .line{ width:50%; }
.order-flow .item-box.arrive .icon i{ color:#6C0; }

/*按钮样式*/
.td-input{ display:inline-block; padding:0 3px; border:1px solid #d7d7d7; width:92%; height:20px; line-height:18px; color:#666; font-size:12px; background:#fff; vertical-align:middle; }
.btn{ background:#16a0d3; border:none; color:#fff; cursor:pointer; display:inline-block; font-family:SimSun; font-size:12px; height:32px; line-height:32px; margin:0 1px 0 0; padding:0 20px; }
.btn:hover{ background:#117ea6; }
.btn.green{ background:#52A152; }
.btn.gray{ background:gray; }
.btn.none{background-color: gray;pointer-events: none;}
.btn.green:hover{ background:#328032; }
.btn.yellow{ background:#FF9C30;}
.btn.yellow:hover{ background:#c87316; }
.btn.violet{ background:#993333 ; }
.btn.violet:hover{ background:#990033; }
.icon-btn{ display:inline-block; margin:0; padding:4px 10px 4px 8px; line-height:20px; height:20px; border:solid 1px #e1e1e1; color:#333; font-size:12px; text-decoration:none; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
.icon-btn:hover{ color:#2A72C5; }
.icon-btn span{ display:inline-block; }
.icon-btn i{ display:inline-block; margin-right:3px; width:14px; height:14px; color:#333; font-size:14px; line-height:14px; }
.img-btn{ display:inline-block; margin:0px 2px; width:14px; height:14px; line-height:14px; text-align:center; vertical-align:middle; white-space:nowrap; word-break:break-all; cursor:pointer; }
.img-btn:hover{ text-decoration:none; }
.img-btn i{ color:#333; font-size:14px; }
/*多项单选*/
.multi-radio{ display:inline-block; vertical-align:middle; *display:inline; }
.multi-radio:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
.multi-radio .boxwrap{ display:inline-block; vertical-align:middle; *display:inline;}
.multi-radio a{ display:inline-block; margin:0 -1px -1px 0; float:left; padding:5px 15px; height:20px; line-height:20px; border:1px solid #eee; vertical-align:middle; color:#333; font-size:100%; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
.multi-radio a:hover{ background:#C9E1EF; text-decoration:none; }
.multi-radio a:active{ text-decoration:none; }
.multi-radio a.selected{ background:#16a0d3; border-color:#1096c7; color:#fff; }
/*单项选择*/
.single-checkbox{ display:inline-block; vertical-align:middle; cursor:pointer; *display:inline; }
.single-checkbox a,.single-checkbox a:visited{ display:inline-block; border:1px solid #d4d4d4; background:#d4d4d4; width:80px; vertical-align:middle; text-decoration:none; }
.single-checkbox a i{ display:block; width:50%; height:28px; line-height:28px; font-style:normal; background:#fff; color:#333; text-align:center; }
.single-checkbox a i.on{ float:right; display:none; }
.single-checkbox a i.off{ float:left; display:block; }
.single-checkbox a.selected{ border:1px solid #16a0d3; background:#16a0d3; }
.single-checkbox a.selected i.on{ display:block; }
.single-checkbox a.selected i.off{ display:none; }
/*多项选择*/
.multi-checkbox{ display:inline-block; vertical-align:middle; }
.multi-checkbox:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
.multi-checkbox .boxwrap{ display:inline-block; vertical-align:middle; }
.multi-checkbox a{ display:inline-block; float:left; margin:0 -1px 0 0; padding:5px 15px; height:20px; line-height:20px; border:1px solid #eee; vertical-align:middle; color:#333; font-size:100%; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
.multi-checkbox a:hover{ background:#C9E1EF; text-decoration:none; }
.multi-checkbox a:active{ text-decoration:none; }
.multi-checkbox a.selected{ background:#16a0d3; border-color:#1096c7; color:#fff; }
.multi-checkbox a:last-child{ /*border-right:1px solid #d4d4d4;*/ }
/*多项选择PORP*/
.multi-porp{ }
.multi-porp ul li{ float:left; position:relative; margin:0 5px 5px 0; padding:1px; line-height:20px; vertical-align:middle; }
.multi-porp ul li a{ display:block; padding:4px 10px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
.multi-porp ul li i{ display:none; position:absolute; right:1px; bottom:1px; width:14px; height:14px; color:#1e99c7; font-size:14px; line-height:1em; overflow:hidden; }
.multi-porp ul li.sys{ background:#FFFFD0; }
.multi-porp ul li.selected a{ margin:-1px; color:#333; border:2px solid #1e99c7; }
.multi-porp ul li.selected i{ display:block; }
/*下拉菜单*/
.single-select{ position:relative; display:inline-block; margin-right:5px; vertical-align:middle; cursor:pointer; *float:left; }
.single-select .boxwrap{ display:inline-block; vertical-align:middle; }
.single-select .select-tit{ position:relative; display:block; margin-bottom:1px; padding:5px 38px 5px 10px; min-width:40px; line-height:20px; height:20px; border:solid 1px #eee; text-decoration:none; background:#fff; white-space:nowrap; word-break:break-all; }
.single-select .select-tit span{ display:inline-block; color:#333; font-size:12px; vertical-align:middle; }
.single-select .select-tit i{ position:absolute; right:0; top:0; display:block; width:28px; height:100%; border-left:1px solid #eee; color:#666; font-size:10px; line-height:30px; text-align:center; background:#fafafa; -webkit-transform:scale(0.833); }
.single-select .select-items{ display:none; position:absolute; left:0; top:35px; box-shadow:0px 1px 4px rgba(0,0,0,0.1); /*overflow:hidden;*/ }
.single-select .select-items ul{ position:relative; padding:5px; min-width:120px; max-height:280px; border:1px solid #eee; background:#fff; overflow-y:auto; overflow-x:hidden; }
.single-select .select-items ul li{ display:block; padding:4px 10px; line-height:20px; font-size:12px; color:#666; white-space:nowrap; cursor:pointer; }
.single-select .select-items ul li:hover{ color:#fff; text-decoration:none; background:#16a0d3; }
.single-select .select-items ul li.selected{ color:#fff; background:#16a0d3; }
.single-select.up .select-items{ top:auto; bottom:35px; }

.page-footer{ padding:10px 0; height:32px; font-size:12px; }
.page-footer .btn-wrap{ position:fixed; margin:0; padding:10px 0; top:auto; left:15px; right:15px; bottom:0; background:#fff; z-index:1000; }
.page-footer .btn-wrap:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }
/* ==========================编辑页样式.结束======================== */

/*=====================以下部分是Validform必须的====================*/
.Validform_checktip{ margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; }
.Validform_right{ color:#71b83d; padding-left:20px; background:url(valid_icons.png) no-repeat -40px -20px; }
.Validform_wrong{ color:red; padding-left:20px; white-space:nowrap; background:url(valid_icons.png) no-repeat -20px -40px; }
.Validform_loading{ padding-left:20px; background:url(icon_onload.gif) no-repeat left center; }
.Validform_error{ background:#FEFBD3; }

#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{ position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title{ position:relative; line-height:35px; height:35px; text-align:left; font-weight:bold; padding:0 10px; color:#fff; background:#33B5E5; }
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{ line-height:30px; position:absolute; right:10px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left;}
/*=====================以上部分是Validform必须的====================*/

/*=====================以下部分是WebUploader必须的====================*/
.webuploader-container{ position:relative; }
.webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick{ position:relative; display:inline-block; width:65px; line-height:30px; height:30px; border:1px solid #e1e1e1; cursor:pointer; background:#fff; color:#333; text-align:center; overflow:hidden; zoom:1; *display:inline; }
.webuploader-pick-hover{ background:#fafafa; }
.webuploader-pick-disable{ opacity:0.6; pointer-events:none; }
/*=====================以上部分是WebUploader必须的====================*/

/*========================以下部分是响应式布局========================*/
@media only screen and (max-width:500px) {
  .nlist-1 ul li,.nlist-2 ul li,.nlist-3,.nlist-4{ width:100%; }
  .nlist-4{ margin-left:0; }
}
/*========================以上部分是响应式布局========================*/
.text-right{text-align:right!important;}

ul.pagination{
  color:#333;
  font-size:12px;
}
ul.pagination li{
  border:solid 1px #e1e1e1;
  display:inline-block;
  margin-left:-1px;
  cursor:pointer;
  text-align:center;
}
ul.pagination li.active{
  color: #fff;
  background: #488FCD;
  border-color: #488FCD;
}
ul.pagination li.disabled{
  color: #999;
  background: #fff;
}
ul.pagination li a, ul.pagination li span{
  display:inline-block;
  padding: 4px 12px;
  height:20px;
  line-height:20px;
}
ul.pagination .pagenum {
  display:inline-block;
  padding:0 5px;
  border:1px solid #dbdbdb;
  border-top:0;
  border-bottom:0;
  width:30px;
  height:28px;
  line-height:28px;
  font-size:12px;
  color:#333;
  text-align:center;
  vertical-align:top;
  overflow:hidden;
}

.ms-controller{visibility: hidden}

.tag{
  background:#16a0d3;
  border:none;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  height:20px;
  line-height:20px;
  padding: 0 5px;
  border-radius: 4px;
  margin: 0 2px;
  float: left;
}
/* 牛牛文字
  0=没牛; 1-9=牛1-牛9; 10=牛牛;
 242=顺子牛; 243=五花牛; 244=同花牛; 245=葫芦牛; 246=炸弹牛; 247=五小牛; 248=同花顺; 249=五霸牛; 250=四天王;
*/
.niu_0,.niu_1,.niu_2,.niu_3,.niu_4,.niu_5,.niu_6,.niu_7,.niu_8,.niu_9,.niu_10,
.niu_242,.niu_243,.niu_244,.niu_245,.niu_246,.niu_247,.niu_248,.niu_249,.niu_250 {
  display:inline-block;
  width:154px;
  height:68px;
  max-height:68px;
  max-width:154px;
  min-width:64px;
  min-height:28px;
  vertical-align:top;
  text-align:center;
  background:url(niu.png) no-repeat;
  background-size: 500% 500%;
}

.niu_0{background-position:0% 0%;}
.niu_1{background-position:25% 0%;}
.niu_2{background-position:50% 0%;}
.niu_3{background-position:75% 0%;}
.niu_4{background-position:100% 0%;}

.niu_5{background-position:0% 25%;}
.niu_6{background-position:25% 25%;}
.niu_7{background-position:50% 25%;}
.niu_8{background-position:75% 25%;}
.niu_9{background-position:100% 25%;}

.niu_10{background-position:0% 50%;}
.niu_242{background-position:25% 50%;}
.niu_243{background-position:100% 50%;}
.niu_244{background-position:50% 50%;}
.niu_245{background-position:75% 50%;}

.niu_246{background-position:25% 75%;}
.niu_247{background-position:0% 75%;}
.niu_248{background-position:50% 75%;}
.niu_249{background-position:75% 75%;}
.niu_250{background-position:100% 75%;}

/*
0x01,0x02,0x03,0x04,0x05,0x06,0x07,0x08,0x09,0x0A,0x0B,0x0C,0x0D, //方块 A - K
0x11,0x12,0x13,0x14,0x15,0x16,0x17,0x18,0x19,0x1A,0x1B,0x1C,0x1D, //梅花 A - K
0x21,0x22,0x23,0x24,0x25,0x26,0x27,0x28,0x29,0x2A,0x2B,0x2C,0x2D, //红桃 A - K
0x31,0x32,0x33,0x34,0x35,0x36,0x37,0x38,0x39,0x3A,0x3B,0x3C,0x3D, //黑桃 A - K
0x4E,0x4F 小王 大王
*/
.pk_, .pk_0, .pk_00,
.pk_1, .pk_2, .pk_3, .pk_4, .pk_5, .pk_6, .pk_7, .pk_8, .pk_9, .pk_10, .pk_11, .pk_12, .pk_13,
.pk_17,.pk_18,.pk_19,.pk_20,.pk_21,.pk_22,.pk_23,.pk_24,.pk_25,.pk_26, .pk_27, .pk_28, .pk_29,
.pk_33,.pk_34,.pk_35,.pk_36,.pk_37,.pk_38,.pk_39,.pk_40,.pk_41,.pk_42, .pk_43, .pk_44, .pk_45,
.pk_49,.pk_50,.pk_51,.pk_52,.pk_53,.pk_54,.pk_55,.pk_56,.pk_57,.pk_58, .pk_59, .pk_60, .pk_61,
.pk_65,.pk_66,
.pk_78, .pk_79
{
  display:inline-block;
  width:72px;
  height:94px;
  max-height:94px;
  max-width:72px;
  vertical-align:top;
  text-align:center;
  background:url(poker.png) no-repeat;
}
.pk_{background-position:-720px -376px;}
.pk_0{background-position:0 -470px;}
.pk_00{background-position:-72px -470px;}
/* 方块 A - K */
.pk_1{background-position:0 0;}
.pk_2{background-position:-72px 0;}
.pk_3{background-position:-144px 0;}
.pk_4{background-position:-216px 0;}
.pk_5{background-position:-288px 0;}
.pk_6{background-position:-360px 0;}
.pk_7{background-position:-432px 0;}
.pk_8{background-position:-504px 0;}
.pk_9{background-position:-576px 0;}
.pk_10{background-position:-648px 0;}
.pk_11{background-position:-720px 0;}
.pk_12{background-position:0 -94px;}
.pk_13{background-position:-72px -94px;}
/* 梅花 A - K */
.pk_17{background-position:-144px -94px;}
.pk_18{background-position:-216px -94px;}
.pk_19{background-position:-288px -94px;}
.pk_20{background-position:-360px -94px;}
.pk_21{background-position:-432px -94px;}
.pk_22{background-position:-504px -94px;}
.pk_23{background-position:-576px -94px;}
.pk_24{background-position:-648px -94px;}
.pk_25{background-position:-720px -94px;}
.pk_26{background-position:0 -188px;}
.pk_27{background-position:-72px -188px;}
.pk_28{background-position:-144px -188px;}
.pk_29{background-position:-216px -188px;}
/* 红桃 A - K */
.pk_33{background-position:-288px -188px;}
.pk_34{background-position:-360px -188px;}
.pk_35{background-position:-432px -188px;}
.pk_36{background-position:-504px -188px;}
.pk_37{background-position:-576px -188px;}
.pk_38{background-position:-648px -188px;}
.pk_39{background-position:-720px -188px;}

.pk_40{background-position:0 -282px;}
.pk_41{background-position:-72px -282px;}
.pk_42{background-position:-144px -282px;}
.pk_43{background-position:-216px -282px;}
.pk_44{background-position:-288px -282px;}
.pk_45{background-position:-360px -282px;}
/* 黑桃 A - K */
.pk_49{background-position:-432px -282px;}
.pk_50{background-position:-504px -282px;}
.pk_51{background-position:-576px -282px;}
.pk_52{background-position:-648px -282px;}
.pk_53{background-position:-720px -282px;}

.pk_54{background-position:0 -376px;}
.pk_55{background-position:-72px -376px;}
.pk_56{background-position:-144px -376px;}
.pk_57{background-position:-216px -376px;}
.pk_58{background-position:-288px -376px;}
.pk_59{background-position:-360px -376px;}
.pk_60{background-position:-432px -376px;}
.pk_61{background-position:-504px -376px;}
/* 小王 大王 */
.pk_65{background-position:-576px -376px;}
.pk_66{background-position:-648px -376px;}
.pk_78{background-position:-576px -376px;}
.pk_79{background-position:-648px -376px;}

/* 艺术字体 */
.num_plus,.num_minus,.num_0,.num_1,.num_2,.num_3,.num_4,.num_5,.num_6,.num_7,.num_8,.num_9,
.num_plus_win,.num_minus_win,.num_0_win,.num_1_win,.num_2_win,.num_3_win,.num_4_win,.num_5_win,.num_6_win,.num_7_win,.num_8_win,.num_9_win,
.num_plus_lose,.num_minus_lose,.num_0_lose,.num_1_lose,.num_2_lose,.num_3_lose,.num_4_lose,.num_5_lose,.num_6_lose,.num_7_lose,.num_8_lose,.num_9_lose
{
  display:inline-block;
  width:33px;
  height:45px;
  max-width:33px;
  max-height:45px;
  background:url(score.png) no-repeat;
  background-size:500% 500%;
  vertical-align:top;
  text-align:center;
  box-shadow:0px 0px 5px red inset;
}

.num_plus_lose{background-position:0% 0%;}
.num_minus_lose{background-position:25% 0%;}
.num_0_lose{background-position:50% 0%;}
.num_1_lose{background-position:75% 0%;}
.num_2_lose{background-position:100% 0%;}
.num_3_lose{background-position:0% 25%;}
.num_4_lose{background-position:25% 25%;}
.num_5_lose{background-position:50% 25%;}
.num_6_lose{background-position:75% 25%;}
.num_7_lose{background-position:100% 25%;}
.num_8_lose{background-position:0% 50%;}
.num_9_lose{background-position:25% 50%;}

.num_plus,.num_plus_win{background-position:50% 50%;}
.num_minus,.num_minus_win{background-position:75% 50%;}
.num_0,.num_0_win{background-position:100% 50%;}
.num_1,.num_1_win{background-position:0% 75%;}
.num_2,.num_2_win{background-position:25% 75%;}
.num_3,.num_3_win{background-position:50% 75%;}
.num_4,.num_4_win{background-position:75% 75%;}
.num_5,.num_5_win{background-position:100% 75%;}
.num_6,.num_6_win{background-position:0% 100%;}
.num_7,.num_7_win{background-position:25% 100%;}
.num_8,.num_8_win{background-position:50% 100%;}
.num_9,.num_9_win{background-position:75% 100%;}

/* 四种账号类型 0=玩家;1=代理;2=游客;3=机器人; */
body .at_0{color:#000080;}
body .at_1{color:#ff0000;}
body .at_2{color:#808080;}
body .at_3{color:#FF33CC;}
/*字体类型*/
body .fontsize_1{color: #0d0d0d}
body .fontsize_2{color:#ff0000;}
body .fontsize_0{}
.tr{text-align:right!important;}

/* 订单状态 0=支付中; 1=已支付; 2=退款中; 3=已退款; */
body .sp_0{color:#FF6600}
body .sp_1{color:green}
body .sp_2{color:#993399}
body .sp_3{color:red}

/* 货物状态 0=未发货; 1=已发货; 2=已退货; */
body .so_0{color:#FF6600}
body .so_1{color:green}
body .so_2{color:red}

td.jw{white-space:normal; word-break:normal; min-width:200px; line-height:20px;}

/* GO_SERVER_STATUS 0=未运行; 1=开启中; 2=运行中; 3=关闭中; */
body .gss_0{color:red}
body .gss_1{color:#FF6600}
body .gss_2{color:green}
body .gss_3{color:#993399}

/* GO_SERVER_TYPE 1=金币类型; 2=点值类型; 4=比赛类型; 8=训练类型; 16=约战类型; */
body .gst_1{color:red}
body .gst_2{color:#FF6600}
body .gst_4{color:green}
body .gst_8{color:#993399}
body .gst_16{color:#00f}

/* 俱乐部审核状态 */
body .fst_0{color:#FF6600}
body .fst_1{color:green}
body .fst_2{color:red}

/*自己封装的分页*/
body .pagina{margin-top: 10px;text-align: center;}

